<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/cart.css"/>
	</head>
	<body>
		<div class="header">
			<div class="header-logo">
				<div class="header-logo-img">
					<img src="img/logo01.png" >	
				</div>
				<div class="header-logo-div">购物清单</div>
			</div>
			<div class="header-tel">
				<div class="header-tel-x">
					<div><i></i>联系电话</div>
					<div>0871-6500893</div>
				</div>
			</div>
		</div>
		<!-- 购物车为空 -->
		<div class="cart-empty" style="display: none;">
			<div class="cart-empty-box">
				<div class="cart-empty-box-x"></div>
				<div class="cart-empty-box-s">
					<div class="cart-empty-box-s-l">
						<div>您的购物车是空的,健汇堂商城恭祝您身体健康！ 如果您有时间，可以随便逛逛！</div>
						<div>去首页逛逛</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 购物车 -->
		<div class="cart">
			<div class="cart-title">
				<div class="cart-title-one">
					<input type="checkbox" />
					<label>全选</label>
				</div>
				<div class="cart-title-ther">商品信息</div>
				<div class="cart-title-one">开单价(元)</div>
				<div class="cart-title-one">促销价(元)</div>
				<div class="cart-title-one">数量</div>
				<div class="cart-title-one">小计(元)</div>
				<div class="cart-title-one">操作</div>
			</div>
			<div class="cart-content">
				<div class="cart-content-top">
					<div class="cart-content-top-two">
						<input type="checkbox"/>
					</div>
					<div class="cart-content-top-ther">
						<div class="cart-content-top-ther-img">
							<img src="" alt="我是图片">
						</div>
						<div class="cart-content-top-ther-text">
							<div class="text-name"><i>OTC</i>感冒清热颗粒（颗粒型）</div>
							<div>规格：0.5mg*100/瓶</div>
							<div>厂家：鲁南贝特制药有限公司</div>
						</div>
					</div>
					<div class="cart-content-top-one">
						<span class="through">￥13.8</span>
					</div>
					<div class="cart-content-top-one">
						<span class="throughx">¥12.10</span>
					</div>
					<div class="cart-content-top-one">
						
					</div>
					<div class="cart-content-top-one">
						<span class="throughx">¥12.10</span>
					</div>
					<div class="cart-content-top-one">
						<span>删除</span>
					</div>
				</div>
				<div class="cart-content-bottom">
					<div>商品金额合计：<span class="throughx">¥12.10</span></div>
				</div>
			</div>
			<div class="cart-content">
				<div class="cart-content-top">
					<div class="cart-content-top-two">
						<input type="checkbox"/>
					</div>
					<div class="cart-content-top-ther">
						<div class="cart-content-top-ther-img">
							<img src="" alt="我是图片">
						</div>
						<div class="cart-content-top-ther-text">
							<div class="text-name"><i>OTC</i>感冒清热颗粒（颗粒型）</div>
							<div>规格：0.5mg*100/瓶</div>
							<div>厂家：鲁南贝特制药有限公司</div>
						</div>
					</div>
					<div class="cart-content-top-one">
						<span class="through">￥13.8</span>
					</div>
					<div class="cart-content-top-one">
						<span class="throughx">¥12.10</span>
					</div>
					<div class="cart-content-top-one">
						
					</div>
					<div class="cart-content-top-one">
						<span class="throughx">¥12.10</span>
					</div>
					<div class="cart-content-top-one">
						<span>删除</span>
					</div>
				</div>
				<div class="cart-content-bottom">
					<div>商品金额合计：<span class="throughx">¥12.10</span></div>
				</div>
			</div>
			<div class="cart-footer">
				<div class="cart-footer-one">
					<input type="checkbox" >
					<label>全选</label>
				</div>
				<div class="cart-footer-two">
					<label>删除</label>
				</div>
				<div class="cart-footer-ther">
					<label><<<我再逛逛</label>
				</div>
				<div class="cart-footer-four">商品金额合计：<span class="throughx">￥12.10</span> </div>
				<div class="cart-footer-five"><div>去结算</div></div>
			</div>
		</div>
		
		<!-- 为你推荐 -->
		<div class="recommended">
			<div class="recommended-title"></div>
			<div class="recommended-item">
				<div class="recommended-item-list">
					<div class="recommended-item-list-img">
						<img src="">
					</div>
					<div class="goodsx-item-text">
						<div class="goodsx-item-name">参苓白术颗粒</div>
						<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
						<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
						<div class="goodsx-item-flex">
							<div>库存：<span>充裕</span></div>
							<div>件装：<span>100盒</span></div>
						</div>
						<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
						<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
						<div class="goodsx-item-money">
							<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
							<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
						</div>
						<div class="goodsx-item-addcart">
							<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
							<div class="goodsx-item-addcart-xx">
								<div>-</div>
								<input type="text" value="1">
								<div>+</div>
							</div>
						</div>
					</div>
				</div>
				<div class="recommended-item-list">
					<div class="recommended-item-list-img">
						<img src="">
					</div>
					<div class="goodsx-item-text">
						<div class="goodsx-item-name">参苓白术颗粒</div>
						<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
						<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
						<div class="goodsx-item-flex">
							<div>库存：<span>充裕</span></div>
							<div>件装：<span>100盒</span></div>
						</div>
						<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
						<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
						<div class="goodsx-item-money">
							<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
							<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
						</div>
						<div class="goodsx-item-addcart">
							<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
							<div class="goodsx-item-addcart-xx">
								<div>-</div>
								<input type="text" value="1">
								<div>+</div>
							</div>
						</div>
					</div>
				</div>
				<div class="recommended-item-list">
					<div class="recommended-item-list-img">
						<img src="">
					</div>
					<div class="goodsx-item-text">
						<div class="goodsx-item-name">参苓白术颗粒</div>
						<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
						<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
						<div class="goodsx-item-flex">
							<div>库存：<span>充裕</span></div>
							<div>件装：<span>100盒</span></div>
						</div>
						<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
						<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
						<div class="goodsx-item-money">
							<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
							<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
						</div>
						<div class="goodsx-item-addcart">
							<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
							<div class="goodsx-item-addcart-xx">
								<div>-</div>
								<input type="text" value="1">
								<div>+</div>
							</div>
						</div>
					</div>
				</div>
				<div class="recommended-item-list">
					<div class="recommended-item-list-img">
						<img src="">
					</div>
					<div class="goodsx-item-text">
						<div class="goodsx-item-name">参苓白术颗粒</div>
						<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
						<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
						<div class="goodsx-item-flex">
							<div>库存：<span>充裕</span></div>
							<div>件装：<span>100盒</span></div>
						</div>
						<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
						<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
						<div class="goodsx-item-money">
							<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
							<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
						</div>
						<div class="goodsx-item-addcart">
							<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
							<div class="goodsx-item-addcart-xx">
								<div>-</div>
								<input type="text" value="1">
								<div>+</div>
							</div>
						</div>
					</div>
				</div>
				<div class="recommended-item-list">
					<div class="recommended-item-list-img">
						<img src="">
					</div>
					<div class="goodsx-item-text">
						<div class="goodsx-item-name">参苓白术颗粒</div>
						<div class="goodsx-item-same">产地：<span>珠海联邦制药厂</span></div>
						<div class="goodsx-item-same">规格：<span>0.5mg/片*100/盒</span></div>
						<div class="goodsx-item-flex">
							<div>库存：<span>充裕</span></div>
							<div>件装：<span>100盒</span></div>
						</div>
						<div class="goodsx-item-same">销售包装：<span>50盒 </span></div>
						<div class="goodsx-item-data">效期：<span>2020.05.06</span></div>
						<div class="goodsx-item-money">
							<div class="goodsx-item-money-cu">促销价：<span>40</span></div>
							<div class="goodsx-item-money-kai">开单价：<span>80</span></div>
						</div>
						<div class="goodsx-item-addcart">
							<div class="goodsx-item-addcart-box"><i></i><span>加入购物车</span></div>
							<div class="goodsx-item-addcart-xx">
								<div>-</div>
								<input type="text" value="1">
								<div>+</div>
							</div>
						</div>
					</div>
				</div>
		
			</div>
		</div>
	</body>
</html>
